<%--
  Created by IntelliJ IDEA.
  User: lichengming
  Date: 2017/8/22
  Time: 下午1:52
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/resources.jsp" %>
<html>
<head>
    <title>企管培训列表</title>
    <script>
        $(function () {
            $('#begin_time,#end_time').datetimepicker({
                language : 'zh-CN',
                format : 'yyyy-MM-dd HH:mm:ss'
            });
        })
    </script>
</head>
<body>
<div>
    <div class="panel panel-default">
        <div class="panel-heading">
            <h3 class="panel-title">查询条件</h3>
        </div>
        <div class="panel-body">
            <form class="form-inline ems_search_form">
                <div class="form-group">
                    <input type="text" class="form-control" id="begin_time" name="begin_time" placeholder="开始时间">
                    <label>-</label>
                    <input type="text" class="form-control" id="end_time"  name="end_time" placeholder="结束时间">
                </div>
                <div class="form-group">
                    <button type="button" class="btn btn-info btn-search">查询</button>
                    <button type="button" class="btn btn-default btn-reset">清空</button>
                </div>
            </form>
        </div>
    </div>
</div>
<div class="ems_table_content">
    <div class="panel panel-default">
        <div class="panel-heading">企管培训活动列表</div>
        <div id="table_tools">
            <div class="form-inline" role="form">
                <button type="button" id="qg_add" class="btn btn-outline btn-success">
                    <i class="glyphicon glyphicon-plus" aria-hidden="true"></i>
                    添加
                </button>
                <button type="button" id="qg_edit" class="btn btn-outline btn-primary">
                    <i class="glyphicon glyphicon-edit" aria-hidden="true"></i>
                    修改
                </button>
                <button type="button" id="qg_detail" class="btn btn-outline btn-info">
                    <i class="glyphicon glyphicon-trash" aria-hidden="true"></i>
                    详情
                </button>
            </div>
        </div>
        <table id="qgTable"
               data-url="/ems/train/pagination"
               data-show-export="true">
            <thead>
            <tr>
                <th data-field="state" data-checkbox="true"></th>
                <th data-field="title">标题</th>
                <th data-field="tags">标签</th>
                <th data-field="description">封面简介</th>
                <th data-field="introduction">培训介绍</th>
                <th data-field="price">价格</th>
                <th data-field="btype">大类</th>
                <th data-field="stype">小类</th>
                <%--<th data-field="limit" data-formatter="limitFormat">限购量</th>--%>
                <th data-field="begin_time">开始时间</th>
                <th data-field="status" data-formatter="statusFormat">状态</th>
            </tr>
            </thead>
        </table>
    </div>
</div>

<script>

    function statusFormat(srcValue) {

        if (srcValue == 1) {
            return "<span style='color: #3cb371;font-weight: bold' >进行中</span>";
        }else {
            return "<span style='color: #3a575e;font-weight: bold'>已结束</span>";
        }
    }

    function limitFormat(srcValue) {

        if (srcValue == 0) {
            return "<span style='color: #3cb371;font-weight: bold' >无限制</span>";
        }else {
            return "<span style='color: #cd4240;font-weight: bold'>"+srcValue+"</span>";
        }
    }

</script>
<script>
    $(function () {
        $("#qgTable").createTable();

        //添加
        $("#qg_add").on("click",function () {
            window.location.href = "/ems/train/edit"
        })

        //编辑
        $("#qg_edit").on("click",function () {
            var selectRows =  $('#qgTable').bootstrapTable('getSelections');
            if (selectRows.length == 0) {
                $.errorAlert("请选择要编辑的数据");
                return;
            }
            if (selectRows.length > 1) {
                $.errorAlert("暂时不支持多行数据编辑");
                return;
            }
            window.location.href = "/ems/train/edit?id=" + selectRows[0].id;
        })

        //停止
        $("#qg_detail").on("click",function () {
            var selectRows =  $('#qgTable').bootstrapTable('getSelections');
            if (selectRows.length == 0) {
                $.errorAlert("请选择要查看的培训");
                return;
            }

            if (selectRows.length > 1) {
                $.errorAlert("暂时不支持同时查看多个培训");
                return;
            }

            var selectRow = selectRows[0];

            window.location.href = "/ems/train/detail?id=" + selectRow.id;
        });
    });
</script>
</body>
</html>
